<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <title>Home | Triangle</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="http://www.jq22.com/jquery/font-awesome.4.6.0.css">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/main.css" rel="stylesheet">
    <link rel="stylesheet" href="dist/css/normalize.css">
    <!-- 引入slide插件样式表 -->
    <link rel="stylesheet" href="dist/css/full-screen-slide.min.css">
</head>
<!--/head-->
<style>
    #menu {
        position: fixed;
        top: 0px;
        width: 100%;
        padding-top: 5px;
        padding-left: 500px;
        padding-right: 500px;
        height: 75px;
        z-index: 9999;
        background: url(images/logo.png) no-repeat center;
        background-color: #f3f8fb;
    }
</style>

<body>
    <header id="menu">
    </header>
    <section id="home-slider">
        <div class="container">
            <div class="row">
                <div class="main-slider">
                    <div class="slide-text">
                        <br><br><br><br><br><br><br>
                        <p>Enjoy your trip.</p>
                        <br><br><br>
                        <a href="home/index.html" class="enter"></a>
                    </div>
                    <img src="images/home/slider/hill.png" class="slider-hill" alt="slider image">
                    <img src="images/home/slider/house.png" class="slider-house" alt="slider image">
                    <img src="images/home/slider/sun.png" class="slider-sun" alt="slider image">
                    <img src="images/home/slider/birds1.png" class="slider-birds1" alt="slider image">
                    <img src="images/home/slider/birds2.png" class="slider-birds2" alt="slider image">
                </div>
            </div>
        </div>
        <div class="preloader"><i class="fa fa-sun-o fa-spin"></i></div>
    </section>
    <br><br>
    <div class="slide-box-ex">
        <div class="slide-box ">
            <!-- 轮播图主体模块 -->
            <div class="slide-con">
                <div class="slide-out">
                    <div class="slide-li"><img src="dist/images/slide/ba1.png" style="width: 100%" alt=""></div>
                    <div class="slide-li"><img src="dist/images/slide/ba3.png" style="width: 100%" alt=""></div>
                    <div class="slide-li">
                        <img src="dist/images/slide/ba2.png" style="width: 100%" alt="">
                    </div>
                </div>
            </div>
            <!-- 自定义上一页下一页 -->
            <div class="slide-page">
                <div class="slide-button-prev"><i></i></div>
                <div class="slide-button-next"><i></i></div>
            </div>
        </div>
    </div>
    <br><br>
    <!--/#home-slider-->
    <div>
        <h2 class="page-header">系统特色</h2>
    </div>
    <div id="feature">
        <div class="row">

            <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="300ms">
                <div class="feature-inner">
                    <div class="icon-wrapper">
                        <i><img src="images/features/f1.png"></i>
                    </div>
                    <h2>系统去中心化</h2>
                    <p>全网集体维护公开数据库，数据公开透明、不可篡改，可信度高</p>
                </div>
            </div>
            <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="600ms">
                <div class="feature-inner">
                    <div class="icon-wrapper">
                        <i><img src="images/features/f2.png"></i>
                    </div>
                    <h2>图片分布式存储</h2>
                    <p>提供稳定分享服务的同时，以水印和加密方式保障版权</p>
                </div>
            </div>
            <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="900ms">
                <div class="feature-inner">
                    <div class="icon-wrapper">
                        <i><img src="images/features/f3.png"></i>
                    </div>
                    <h2>代码公开可审计</h2>
                    <p>智能合约代码即法律，结合开源客户端代码保障可靠实施</p>
                </div>
            </div>
            <div class="col-sm-3 wow fadeInUp" data-wow-duration="500ms" data-wow-delay="1200ms">
                <div class="feature-inner">
                    <div class="icon-wrapper">
                        <i><img src="images/features/f4.png"></i>
                    </div>
                    <h2>流程高效安全</h2>
                    <p>版权登记、转让、查询以及授权流程一体化，无需第三方参与</p>
                </div>
            </div>
        </div>
    </div>
    <br><br>
    <!--/#services-->
    <div>
        <h2 class="page-header">相关技术</h2>
    </div>
    <section id="features">

        <div class="container">
            <div class="row">
                <div class="single-features center">
                    <div class="col-sm-2 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <br><br>
                        <img src="images/home/img1.png" class="img-responsive" alt="">
                    </div>
                    <div class="col-sm-9 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>区块链</h2>
                        <p>区块链技术是首个自带对账功能的数字记账技术实现，本质上是一种通过去中心化、共识信任的方式集体维护的特殊分布式数据库。整个网络不存在中心机构，各节点间权利义务对等，任意节点的损坏或灭失都不会威胁整个系统的正常运作；遵循公开透明的运行规则，所有数据的记录与传递使用非对称加密和哈希算法来确保真实性，从而促成系统各节点间达成一致信任；数据块由系统所有节点共同维护，运用分布式数据库技术使每个节点都能及时获得一份完整数据拷贝。</p>
                    </div>
                </div>
                <div class="single-features center">
                    <div class="col-sm-9 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>智能合约</h2>
                        <p>Smart Contract是运行在可复制、共享的账本上的计算机程序，可以处理信息，接收、储存和发送价值。这个程序就像一个可以被信任的人，可以临时保管资产，总是按照事先的规则执行操作。智能合约一旦设立指定后，能够无需中介的参与自动执行，并且没有人可以阻止它的运行。区块链为智能合约提供可信执行环境，而智能合约为区块链扩展应用</p>
                    </div>
                    <div class="col-sm-2 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <br>
                        <img src="images/home/img2.png" class="img-responsive" alt="">
                    </div>
                </div>
                <div class="single-features center">
                    <div class="col-sm-2 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <br><br>
                        <img src="images/home/img3.png" class="img-responsive" alt="">
                    </div>
                    <div class="col-sm-9 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>数字水印</h2>
                        <p>数字水印技术是指在数字作品中嵌入有关作者的版权信息，但不影响原始载体的使用价值。数字水印分为可见水印与不可见水印两种，其中不可见水印指水印以数字数据的方式加入数字作品中，但是无法被人体感知系统察觉。不可见水印主要用于版权保护领域，通过嵌入数字作品中的水印信息来避免或者阻止未经授权的复制和拷贝</p>
                    </div>
                </div>
                <div class="single-features center">
                    <div class="col-sm-9 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>感知哈希</h2>
                        <p>感知哈希是多媒体数据集到感知摘要集的一类单向映射，它利用多媒体数字信息包含的特征来生成一组指纹信息，根据生成的数字指纹，可以用来做多媒体内容的识别、检索和认证工作。由于感知哈希算法具有感知鲁棒性和安全性，所以对比于传统的单向哈希函数更适合用于多媒体信息管理和保护领域</p>
                    </div>
                    <div class="col-sm-2 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <br>
                        <img src="images/home/img4.png" class="img-responsive" alt="">
                    </div>
                </div>
                <div class="single-features center">
                    <div class="col-sm-2 wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <br><br>
                        <img src="images/home/img5.png" class="img-responsive" alt="">
                    </div>
                    <div class="col-sm-9 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>密码算法</h2>
                        <p>SM2:国标推荐的公钥密码算法，实现安全的密钥交换。</p>
                        <p>SM3:国标推荐的杂凑算法，敏感信息上链时以哈希值存储，实现保密性的同时具有不可抵赖性。</p>
                        <p>SM4:国标推荐的公钥密码算法，加密存储在IPFS上的原图，保障图像所有者权益，在发生版权交易时保障买家权益。</p>
                    </div>
                </div>
                <div class="single-features center">
                    <div class="col-sm-9 col-sm-offset-1 align-right wow fadeInLeft" data-wow-duration="500ms" data-wow-delay="300ms">
                        <h2>IPFS</h2>
                        <p>IPFS（InterPlanetary File System）是一个面向全球的、点对点的分布式文件系统，目标是为了补充（甚至取代）目前统治互联网的超文本传输协议（HTTP），将所有具有相同文件系统的计算设备连接在一起。它是一个开放源代码项目，原理上用基于内容的地址替代基于域名的地址，用户寻找的不是某个地址而是储存在某个地方的内容，不需要验证发送者的身份，而只需要验证内容的哈希，让网页速度更快、更安全、更健壮、更持久</p>
                    </div>
                    <div class="col-sm-2 wow fadeInRight" data-wow-duration="500ms" data-wow-delay="300ms">
                        <br><br>
                        <img src="images/home/img6.png" class="img-responsive" alt="">
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--/#features-->

    <footer id="footer">
    </footer>
    <!--/#footer-->

    <script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <!-- <script type="text/javascript" src="js/lightbox.min.js"></script> -->
    <script type="text/javascript" src="js/wow.min.js"></script>
    <script type="text/javascript" src="js/main.js"></script>
    <script src="js/jquery.min.js"></script>
    <script src="dist/js/full-screen-slide.min.js"></script>
    <!-- 插件调用 -->
    <script>
        // 默认
        $('.slide-box-ex').setSlide({
            isBlock: true,
            switchingSpeed: 400,
            slideTime: 3000,
            autoPlay: true,
            prevEl: $('.slide-box-ex').find('.slide-button-prev'),
            nextEl: $('.slide-box-ex').find('.slide-button-next'),
            pagination: true,
            pagingTrigger: 'hover',
            slideLiw: 1100,
            slideLih: 540
        });
    </script>
</body>

</html>